﻿<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"%>
<%@ include file="../common/header.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <m:require src="jquery,noty,ev,font,bootstrap,common,kt,{{xlink/mydevice}}"></m:require>
    <title>我的设备</title>
    <script>
        var currentUser = {
            id: "${userId}",
            userName:"${userName}"
        }
    </script>
</head>
<body>
<div id="top">
    <div id="logo"><span>Xlink</span></div>
    <div id="userInfo">
        <ul>
            <li><div id="head"></div><a href="#"><%=session.getAttribute("userName")%></a></li>
            <li><a href="#">我的消息</a></li>
            <li><a href="index.html">返回首页</a></li>
            <li><a href="#" id="loginOut">退出</a></li>
        </ul>
    </div>
</div>
<div id="first">
    <ul>
        <li><a href="#">管理首页</a></li>
        <li><a href="#">我的终端</a></li>
        <li><a href="mydevice.html">设备开发</a></li>
        <li><a href="#">产品开发</a></li>
        <li><a href="account.html" class="account">账户</a></li>
    </ul>
</div>
<div id="second">
    <div class="left">
        <ul>
            <li><a href="add_device.html">创建新设备</a></li>
            <li><a href="mydevice.html">我的设备</a></li>
            <li><a href="#">设备动作</a></li>
        </ul>
    </div>
    <div id="right">
        <h2>我的设备</h2>
        <hr/>
        <a href="add_device.html" id="create">添加新设备</a>
        <div class="right_1" id="deviceList">
        </div>
    </div>
</div>
<div id="bottom"></div>

<div class="template hide" >
    <div class="devices" data-deviceId>
        <div class="left">
            <h4 class="title">手机</h4>
            <div class="deviceId box">
                <font class="span">设备ID：</font>
            <span id="deviceId_content"></span>
            </div>
            <div class="box2 box"><font class="span">设备详情：</font><a href="devices.html"> 查看详情</a></div>
            <div class="box3 box"><font class="span">API地址：&nbsp;&nbsp; http://api.xlink.net/devices/342800</font></div>
            <div class="box4 tags box">
                <font class="span">设备标签：</font>
                <span id="tags_content"></span>
            </div>
            <div class="box5 about box">
                <font class="span">设备描述：</font>
                <span id="about_content"></span>
            </div>
            <div class="box"><font class="state">传感器状态：</font></div>
        </div>
        <div class="right_right">
            <form>
                <a href="manage_device.html" class="button manage">管理</a>
                <a type="button" class="button delete">删除</a>
            </form>
        </div>
    </div>
    <div id="oprate">
        <div id="oprate_left" class="oprate"></div>
        <div id="oprate_middle" class="oprate">1</div>
        <div id="orate_right" class="oprate"></div>
    </div>
</div>

</body>
</html>
